// 引入组件样式
@use "./components/index.scss" as *;
// 引入element-plus样式
@use "./element-plus/index.scss" as *;
// 引入主题样式
@use "./theme/index.scss" as *;
//引入animate.css动画
@use "animate.css/animate.min.css";

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
  &:not([face]) {
    font-family: "PingFang Medium";
  }
}

label {
  font-weight: 700;
}

html {
  height: 100%;
  box-sizing: border-box;
}

#app,
body {
  height: 100%;
  width: 100%;
}

body {
  position: relative;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

a:focus,
a:active {
  outline: none;
}

a,
a:focus,
a:hover {
  cursor: pointer;
  color: inherit;
  text-decoration: none;
}

div:focus {
  outline: none;
}

.clearfix {
  &:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
  }
}

// 主容器全局css
.app-container {
  padding: 20px;
}
// 滚动条
::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}
::-webkit-scrollbar-thumb {
  background-color: #a1a3a9;
  border-radius: 3px;
}

//首页图标收起 居中
#app .hideSidebar .el-submenu > .el-submenu__title {
  text-align: center !important;
}
